<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="../../../js/jquery.js" type="text/javascript" charset="utf-8"></script>
    <script src="//at.alicdn.com/t/font_2896317_ug7054uzl4l.js"></script>
    <link rel="stylesheet" href="./find.css">
    <link rel="stylesheet" type="text/css" href="../../../css/public.css">
    <title>Document</title>
</head>

<body>
    <header id="header" style="border-bottom: 1px solid  rgb(231, 227, 227);"></header>
    <section id="top-need">
        <div style="font-size: 24px;color:#5587EC;font-weight:bold">线上汉语老师需求</div>
        <div style="margin-top: 20px;">
            在ChineseLessonsOnline（CLO）您能找到各种科目的汉语老师需求。CLO提供灵活的日程，您可以接触到世界各地的学生。回答学生发布的上课需求，您需要有自己的档案，显示您的课程单价和时间。
            看一下需求，找到合适您的工作！</div>
        <select name="" id="">
            <option value="">日常口语</option>
            <option value="">旅游口语</option>
            <option value="">商务汉语</option>
            <option value="">儿童汉语</option>
            <option value="">HSK</option>
            <option value="">BCT</option>
            <option value="">YCT</option>
            <option value="">TOCFL</option>
            <option value="">发音特训</option>
            <option value="">汉语语法</option>
            <option value="">汉语写作</option>
            <option value="">中国文学</option>
            <option value="">汉语翻译</option>
            <option value="">台湾华语</option>
            <option value="">粤语</option>
            <option value="">SAT</option>
            <option value="">AP</option>
        </select>
        <div style="margin-top: 37px;">学生可以在这里投稿，提出您的要求，等待老师的主动回答</div>
        <a href="/views/findTeacher/student/contribute.html">
            <div class='contribute'
                style="margin-top:14px;width: 117px;height: 29px;background: #5587EC;border-radius: 3px;display:flex;align-items:center;justify-content:center;color:white">
                投稿</div>
        </a>
    </section>
    <section id="top-list-wrap">
        <section id="top-list-wrap-center">
            <section id="top-ul">
                <!-- <div class="top-ul-list">
                    <div class='top-ul-list-top1'>
                        <span style='color:#717171;font-size: 14px;'>儿童汉语</span>
                        <div class="top-ul-list-top1-money">10$</div>
                    </div>
                    <div class="top-ul-list-top2">
                        <div></div>
                        <div class="top-ul-list-top1-money">每小时</div>
                    </div>
                    <div class="top-ul-list-top3">你好。我叫瓦伦蒂娜我来自巴西。我8岁了。我不知道读汉语，但我在双语学校 学习。我妈妈想把我的汉语说出来。我喜欢你的视频</div>
                    <div class="top-ul-list-top4">
                        <div></div>
                        <div class="top-ul-btn">
                            <a href="/views/register/teacherregist.html" style="color: #fff;">立即注册以申请</a>
                        </div>
                    </div>
                </div>
                <div class="top-ul-list">
                    <div class='top-ul-list-top1'>
                        <span style='color:#717171;font-size: 14px;'>儿童汉语</span>
                        <div class="top-ul-list-top1-money">10$</div>
                    </div>
                    <div class="top-ul-list-top2">
                        <div></div>
                        <div class="top-ul-list-top1-money">每小时</div>
                    </div>
                    <div class="top-ul-list-top3">你好。我叫瓦伦蒂娜我来自巴西。我8岁了。我不知道读汉语，但我在双语学校 学习。我妈妈想把我的汉语说出来。我喜欢你的视频</div>
                    <div class="top-ul-list-top4">
                        <div></div>
                        <div class="top-ul-btn">立即注册以申请</div>
                    </div>
                </div> -->
            </section>
            <aside class="top-ul-right">
                <div style="margin-left: 18px;margin-top: 22px;font-size: 18px;font-weight: bold;">在CLO教汉语</div>
                <div style="margin-left: 18px;margin-top: 15px;font-size: 16px;">今天就开始成为线上汉语老师吧！ 在家分享您的知识，舒适地赚钱
                    注册成为CLO的汉语老师</div>
                <div
                    style="margin: auto;cursor: pointer;display:flex;align-items:center;justify-content:center;color:#5587EC;width: 195px;height: 35px;background: #FFFFFF;border: 1px solid #5587EC;border-radius: 3px;">
                    <a href="/views/register/teacherregist.html">成为老师</a>
                </div>

            </aside>
        </section>
    </section>
    <footer id="footer"></footer>
</body>
<script src="/js/public.js"></script>
<script>
    productheader('header', 4);
    $(".title-right-bar").css("border", "none");
    $(".loginin").hide();
    $(".title-bar").empty()


    let tem = `<a href=" /views/teacher/teachers.html" id="students">寻找老师</a>`;

    $(".title-bar").append(tem);
    $("#students").addClass("stuss");
    $("#sp2").css("padding-left", "0px");

    let apis = `<a href="/views/question/question.html"><i class="iconfont icon-xinxi "></i></a>
	<i class="iconfont icon-morentouxiang" style="font-size: 25px;color: #BDBDBD;margin-left: 16px;"></i>
	`

    $(".left-bar").empty("#qweww").append(apis)
    productfooter('footer', 4);
    initData('#top-ul');
</script>

</html>
<style>
    .stuss {

        margin-left: 16px;
        padding: 4px 10px;
        background-color: #5587EC;
        border-radius: 6px;
        color: #fff;
        transform: scale(0.90);

    }
</style>